<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>页内样式</title>
    <!--声明一个css样式-->
    <style>
        img {
            width: 600px;
        }
        /*font-size  设置字体大小     text-align:center 设置字体左右居中
        line-height:xxpx  设置字体上下居中*/
        div {
            background:url("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1536648189217&di=891a90ee5a6259e2695be616b6f7cf05&imgtype=jpg&src=http%3A%2F%2Fimg4.imgtn.bdimg.com%2Fit%2Fu%3D3067684599%2C317430515%26fm%3D214%26gp%3D0.jpg");
            background-size: 500px;
            height:500px;
            border:5px solid red;
            /*background-repeat: no-repeat;*/
            /*background-position: center center;*/
            background-color: green;
            font-size: 200px;
            text-align: center;
            line-height: 500px;
        }
    </style>
</head>
<body>
    <!--alt 表示提示-->
    <!--<img src="https://www.baidu.com/img/bd_logo1.png" alt="百度">-->
    <!--<img src="https://www.baidu.com/img/bd_logo1.png" alt="百度">-->
    <div >傻狗</div>
</body>
</html>